<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>

</body>
<!-- <script>
  function Adc(uname, age) {
    this.xxoo = uname
    this.gg = age
    this.sing = function () {
      console.log('123')
    }
  }

  function Tops(tname, tage) {
    this.xo = tname
    this.tg = tage
    this.sings = function () {
      console.log('456')
    }
  }
  Tops.prototype = new Adc()
  Tops.constructor = tops
  var adc = new Adc('hb', 18)
  var tops = new Tops('dm', 19)
  console.log(adc)
  console.log(tops.sing())
</script> -->
<script>

  class Adc {
    constructor(uname,age,id){
      this.dom = document.getElementById(id)
      this.uziName = uname  
      this.age =this.say 

    }
  say(){
      console.log('中路没闪')
    }  
    pengren(){
      console.log('毛线')
    }
    dazi(){
      console.log('你们说慢点，我打字慢')
    }
  }

  // class Middle {
  //   constructor(uname1,age1){
  //     this.agee = age1
  //     this.rkName = uname1  
  //   }
  //   say(){
  //     console.log('中路没闪')
  //   }
  // }
  class Middle extends Adc{
    constructor(uname1,age1){
      super()
      this.agee = age1
      this.rkName = uname1  
    }
    say(){
      console.log('中路没闪')
    }
  }
  class Tops extends Middle{
    constructor(u1,a1){
      super()
      this.u1 = u1
      this.a1 = a1  
    }
   
  }
  var jklove =  new Adc('jk',19)
  var rookie =  new Middle('rookie',18)
  var tops =  new Tops('theshy',20)
  // jklove.say()
  // rookie.pengren()
  tops.say()
  tops.pengren()
  tops.dazi()
</script>

</html>